
/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Layout Style Sheet - Provides a fluid grid and helper classes to create any layout and some layout defaults
*/


/* Grid and Clearing Tools
----------------------------------------------------------------------------------------------------*/

.clearfix:before,
.clearfix:after,
.grid-block:before,
.grid-block:after,
.deepest:before,
.deepest:after {
    content: "";
    display: table;
}
.clearfix:after,
.grid-block:after,
.deepest:after { clear: both; }

.grid-box-right { float: right; }
.grid-box-left { float: left; }

/* Grid Units */
.width16 { width: 16.666%; }
.width20 { width: 20%; }
.width25 { width: 25%; }
.width33 { width: 33.333%; }
.width35 { width: 35%; }
.width38 { width: 38%; }
.width40 { width: 40%; }
.width50 { width: 50%; }
.width60 { width: 60%; }
.width66 { width: 66.666%; }
.width70 { width: 70%; }
.width75 { width: 75%; }
.width80 { width: 80%; }
.width100 { width: 100%; }

.width16,
.width20,
.width25,
.width33,
.width35,
.width38,
.width40,
.width50,
.width60,
.width66,
.width75,
.width80,
.width100 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Create new Block Formatting Contexts */
.bfc-o { overflow: hidden; }
.bfc-f {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: left;
}

/* Align Boxes */
.float-left { float: left; padding-right: 90px; }
.float-right { float: right; }
.float-left-margin {    
    margin-left: 150px; 
    display: block;
    text-align: justify;
    font-size: 13px;
}

.float-right-margin {    
    margin-right: 60px; 
    display: block;
    text-align: justify;
    font-size: 13px;
    float: left;
}

/* Grid Gutter */
.grid-gutter.grid-block { margin: 0 -15px; }
.grid-gutter > .grid-box > * { margin: 0 15px; }

.grid-gutter > .grid-box > * > :first-child { margin-top: 0; }
.grid-gutter > .grid-box > * > :last-child { margin-bottom: 0; }


/* Layout Defaults
----------------------------------------------------------------------------------------------------*/

/* Center Page */
.wrapper {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
}

/* Header */
#header { position: relative; }

#toolbar .float-left .module,
#toolbar .float-left > time {
    margin: 0 15px 0 0;
    float: left;
}

#toolbar .float-right .module {
    margin: 0 0 0 15px;
    float: right;
}

#headerbar .module {
    max-width: 300px;
    margin-right: 0;
    float: right;
}

#logo, #logo > img,
#menu { float: left; }
#search { float: right; }

#ribbon_ads {
    float: left;
    margin: 0 0 0 20px;
}
#font_title_ads{
/*    font-family: times, Times New Roman, times-roman, georgia, serif;*/
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #AB0303;
    margin: 0;
    padding: 0px 0px 6px 0px;
    font-size: 30px;
    line-height: 44px;
    letter-spacing: -2px;
    font-weight: lighter;
}

#banner {
    position: absolute;
    top: 0;
    right: -200px;
}

/* Footer */
#footer {
    position: relative;
    text-align: center;
}

/* Absolute */
#absolute {
    position: absolute;
    z-index: 15;
    width: 100%;
}

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */



/* Sections
----------------------------------------------------------------------------------------------------*/
#content {margin: 10px 10px;}
#content h2 {   
    text-align: justify;
    width: 100%;
    display: block;
    /*font-family: times, Times New Roman, times-roman, georgia, serif;*/
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#content h3 {   
    padding: 15px 15px;
    text-align: justify;    
    width: 100%;
    display: block;
    font-family: times, Times New Roman, times-roman, georgia, serif;
}
#content h4 {   
    padding: 0 15px;
    margin: 4px;
    text-align: justify;    
    width: 500px;
    display: block;
    font-family: times, Times New Roman, times-roman, georgia, serif;
}
#content p {
    margin : 10px 35px;
}
#content label{
    width: 12em;
    float: left;
    text-align: right;
    margin-right: 0.5em;    
    display: block;
    overflow-wrap: inherit;    
    /*color: #666666;*/
    /*    color:#003194;*/
    /*font-family: Tahoma, Geneva, sans-serif;*/
    /*font-family: Geneva, Arial, Helvetica, sans-serif;*/
    /*    font-size: 12px;
        overflow-wrap: inherit;*/
}

#content button, 
#content input[type="reset"], 
#content input[type="button"], 
#content input[type="submit"] {
    /*clear: both;*/
    /*margin-left: 20px;*/
/*    width: 100px;
    height: 30px;
    background: #89c442;
    text-align: center;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    -moz-border-radius:5px;
    -webkit-border-radius:2px;*/
border:0;
    padding:0 30px;
    height:30px;
    line-height:30px;
    text-align:center;
    font-size:12px;
    color:#fff;
    text-shadow:#007dab 0 1px 0;
    /*background:#0092c8;*/
    background: #89c442;
    -moz-border-radius:50px;
    -webkit-border-radius:50px;
    border-radius:50px;
    cursor:pointer;

}

.module{margin: 0px; padding: 0px 10px;}
.footer-overlay-bottom .module, 
#toolbar .module,
#slide-zone .module,
#g-map .module
{padding: 0;}

#slogan-a .module,
#slogan-b .module
{margin: 0;}

#bottom-d .module {
    margin: 5px;
}

/*background*/
body {font-size: 15px;}
sup{font-size: 40%; top: -10px;}
.width35 { width: 35%; }

/*header*/
#header-block{position: relative;}
#header{margin: 0; z-index: 12;  border-bottom: 1px solid rgba(0,0,0,0.1);}

/*slider-zone*/
#slide-zone{    
    
    text-shadow: none; 
    margin-top: 0; 
    position: relative; 
    overflow: hidden;    
    
}
#slide-zone .module{margin: 0; text-align: center; background-color: #000000;}

/*mid-block	*/
.mid-divide{background: url(../images/img/hr-divide.png) repeat-x scroll 0 100% transparent; height: 2px; }

.mid-divide-black{background-color: black; height: 12px; }

#mosaic{
    border-top: 1px solid rgba(255,255,255,0.1);
    -webkit-box-shadow: 0 3px 7px #E0E0E0 inset;
    -moz-box-shadow: 0 3px 7px #E0E0E0 inset;
    box-shadow: 0 3px 7px #E0E0E0 inset;
}

/*copyright*/
#copyright{    
    font-size: 12px;
    /*margin-bottom: 10px;*/
/*    margin-right: 160px;
    margin-left: 160px;*/
max-width: 1020px;
    background: #000000;
    margin: auto;
}

#copyright .text_center{
    color: #ffffff;
    text-align: center;
    width: 150px;
    margin-left: 150px;
}

#copyright .text_left{
    color: #ffffff;
    text-align: left;
   /* width: 150px;*/
    margin-left: 30px;
}

#copyright .module{margin: 0; padding: 5px;}
/*#copyright p {text-shadow: 0 1px 0 rgba(255,255,255,.75);}*/
/*footer*/
#footer{margin: 0; text-align: left; font-size: 12px;}
#footer code{text-shadow: none;}
#footer .module { margin: 0; padding: 0;}
.footer-glow {width: 100%; height: 300px; position: relative; margin-top: -300px; z-index: -1; background: url(../images/body/footer-glow.png) repeat-x scroll top left transparent;}
.bottom-gradient{position: relative; background: url(../images/body/footer-gradient.png) repeat-x scroll top left transparent;}
#bottom-c h4{line-height: 1.5; margin: 0;}
#bottom-c{
    -webkit-box-shadow: 0 -4px 0 rgba(255, 255, 255, .1) inset;
    -moz-box-shadow: 0 -4px 0 rgba(255, 255, 255, .1) inset;
    box-shadow: 0 -4px 0 rgba(255, 255, 255, .1) inset;
}
#bottom-d{background: url(../images/body/bottom-d.png) repeat-x scroll top left transparent;}
#headerbar {margin: 0; float: left; text-shadow: none; 	color: #FFFFFF;}



/* Layouts
----------------------------------------------------------------------------------------------------*/

div.css-panes div,.showhide li, .module.badge-hot, .module.badge-top, .module.badge-free, .module.badge-new, .event-time, .block-number, .accordion {
    background: url(../images/body/bg-white-large.png) repeat-x 0 0  #f2f2f2;}	

.accordion h2,  table thead, table tfoot{
    background: url(../images/body/bg-white.png) 100% 100% repeat-x scroll #dedede; }

/* sidebars */
#sidebar-a, #sidebar-b{margin-top: 0;}
#sidebar-b {background: url(../images/body/sidebar-b.png) repeat-y scroll 0 0 transparent;}
#sidebar-a {background: url(../images/body/sidebar-a.png) repeat-y scroll 100% 0 transparent;}
#bottom-c{bottom: 10px; left: 0; right: 0;  top: 0;}

#bottom-c .module-title{ background: url(../images/body/mod-dot-dark.png) repeat-x scroll left bottom transparent;	}
#utility .module {margin: 0 30px 0; padding: 30px 0 0;}
#utility .mod-box {padding: 20px 10px 0;}
#bottom-block .dotted {
    background: url(../images/body/f_inset_dotted.png) repeat-x scroll 0 100% transparent;}

/*toolbars*/
#toolbar{background-color: transparent;}
#toolbar{margin: 5px 0; z-index: 15; position: relative;}
#toolbar .float-left .module, #toolbar .float-right .module, #toolbar .float-left > time, .float-right > li span, .float-left > li span{margin: 2px 10px 0 0; font-size: 11px;}
#toolbar .float-left .module, #toolbar .float-left > time, #toolbar .float-right .module{text-shadow: none;}
#toolbar ul.menu li span{font-size: 10px;}
#toolbar ul.menu{margin: 0 15px 0 0;}
.top-bar, .bottom-bar{height: 2px; position: relative;}
.contact strong{font-weight: normal;}
.contact{margin: 5px 0 !important; text-shadow: none;}

/*search*/	
#search{margin-top: 0;}

/*sheet*/
.sheet-body{padding: 0; margin: 0}
.sheet{border-width: 0 none; margin-bottom: 10px;}

#bottom-c {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.sheet
{
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/*header*/
#header-top{
    height: 70px; 
    margin: 0; 
}

#slogan-a,
#slogan-b,
#bottom-block
{height: auto; 
 background: #ffffff;
 background: -moz-linear-gradient(top,  #ffffff 28%, #f4f4f4 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(28%,#ffffff), color-stop(100%,#f4f4f4));
 background: -webkit-linear-gradient(top,  #ffffff 28%,#f4f4f4 100%);
 background: -o-linear-gradient(top,  #ffffff 28%,#f4f4f4 100%);
 background: -ms-linear-gradient(top,  #ffffff 28%,#f4f4f4 100%);
 background: linear-gradient(to bottom,  #ffffff 28%,#f4f4f4 100%);
 border-bottom: 4px solid rgba(0, 0, 0, 0.05)
}

/*logo*/
.logo-img{
    background: url(../images/img/logo.png) no-repeat scroll 0 0 transparent; 
    width: 250px; 
    height: 80px; 
    margin: 15px 0 0 10px; 
    display: block;}

.logo-img2{
    background: url(../images/img/logo.png) no-repeat scroll 0 0 transparent; 
    width: 250px; 
    height: 80px; 
    margin: 15px 0 0 10px; 
    display: block;
    float: right;
}

/*logo module*/
#logo p {
    margin: 15px 10px 0;
}

#banner {
    position: relative;
    right: 0;
    top: 0;
    margin: 20px 25px 0 0;
}

/*breadcrumbs*/
#breadcrumbs {margin: 0; text-shadow: 0 1px 0 rgba(255,255,255,.75);}
#breadcrumbs {
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#e8e8e8 100%);
    -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.5) inset;
    -moz-box-shadow: 0 -1px 0 rgba(255,255,255,.5) inset;
    box-shadow: 0 -1px 0 rgba(255,255,255,.5) inset;
}

.module-title{font-size: 24px; padding-bottom: 15px;}	
.frontend .module-title { padding-bottom: 0 }
.frontend{
    padding-top: 45px;
    padding-left: 20px;
}
.frontend .module-title{
    display: block;
    font-size: 56px;
    line-height: 100%;
    text-shadow: 0 0 2px #000000;
}
.frontend p.show-text{
    display: block;
    line-height: 1.6em;
    margin-bottom: 15px;
    padding-top: 15px;
}

.show-title{line-height: 90%; font-size: 140px; visibility: hidden; margin: 0; position: absolute; text-shadow: none;}
.show-text{font-size: 14px; line-height: 1.5;}

.searchbox input{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/*footer overlay*/
.footer-overlay-bottom {
    left: 0; right: 0;}

.footer-overlay-bottom p{margin: -9px 0; text-shadow: none}
.footer-overlay-bottom a{color: #808080; text-shadow: none}
.footer-overlay-bottom a:hover{color: #FFF;}

/*dropcaps / block numbers/dates */
.event{display: block; margin: 5px 0 20px}
.event-time .date, .block-number .digit{
    font-size: 2rem; 
    font-size: 20px;
    padding: 9px 10px 25px; 
    line-height: 1;
}
.event-time .month, .block-number .bottom{
    display: block; 
    text-align: center;
    text-transform: uppercase;  
    text-shadow: none; 
    border-width: 1px 0 0; 
    border-style: solid; 
    font-size: 11px; 
    color: #FFFFFF;
    margin: -1px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 -2px 0 rgba(255, 255, 255, 0.3) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 -2px 0 rgba(255, 255, 255, 0.3) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 -2px 0 rgba(255, 255, 255, 0.3) inset;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.block-number .bottom{height: 6px}
.event-time, .block-number{
    display:block; 
    float:left; 
    height:auto; 
    margin: 5px 15px 5px 0 !important; 
    padding-top:7px; 
    color:#808080; 
    border-width: 1px 1px 0; 
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -ms-border-radius: 2px 2px 0 0;
    -o-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    border-style: solid;
    border-color: #D9D9D9 #D9D9D9 #BFBFBF #D9D9D9;
    text-shadow: 0 1px rgba(255, 255, 255, 1);
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#e8e8e8 100%);
}

/*logo*/
.logo-img{background: url(../../images/img/mytaha_Button.png) no-repeat scroll 0 0 transparent;}

.logo-img2{background: url(../../images/img/TH_KM_Logo.png) no-repeat scroll 0 0 transparent;}

/*footer icon*/
div.footer-logo-icon {
    background: url(../images/logo-icon.png) no-repeat scroll 0 0 transparent; 
    width: 56px; 
    height: 50px;
}

.ads {
    margin: 20px;
}

.th_phone {
    margin-left: 100px;
}

.errors{
    margin-top: 30px;
    background:#CC0000 url(../images/round_red-left.png) left top no-repeat;
    color:#FFFFFF;
    text-align:center;
}
.errors div{
    background:url(../images/round_red-right.png) right bottom no-repeat;
    /*padding:2px;*/
}

.messages{
    background:#008000 url(../images/round_green-left.png) left top no-repeat;
    color:#FFFFFF;
    text-align:center;
}
.messages div{
    background:url(../images/round_green-right.png) right bottom no-repeat;
    padding:4px;
}

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Layout Style Sheet - Provides a fluid grid and helper classes to create any layout and some layout defaults
*/




.scrollbox {
    overflow: auto;
    width: 600px;
    max-height: 100px;
    margin: 10px auto;

    background:
        /* Shadow covers */
        linear-gradient(white 30%, rgba(255,255,255,0)),
        linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,

        /* Shadows */
        radial-gradient(50% 0, farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)),
        radial-gradient(50% 100%,farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
    background-repeat: no-repeat;
    background-color: white;
    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
    
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    

    /* Opera doesn't support this in the shorthand */
    background-attachment: local, local, scroll, scroll;
}

.scrollbox li {
    border-bottom: solid 1px #2A1F55;    
}

#content label.lStyle {
    width: 20em;
}